<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <title>Media Queries: hover</title>
    <meta name="viewport" content="width=device-width,height=device-height"/>
    <style>
        /*1rem = 16px*/

        * {
            padding: 0;
            margin: 0;
        }

        body {
            border: 1rem dashed rgb(205, 126, 126);
            padding: 3rem;
            background: rgb(4, 11, 39);
            color: #fff;
        }

        .floatElement {
            width: 8rem;
            float: right;
            padding: 3px;
            border: 1px solid #fff;
        }
        p{
            clear: both;
        }
    </style>
</head>

<body>
<img class="floatElement" src="http://api.qicaiyun.top/ercy/api.php"/>
<p>
    One November night in the year 1782, so the story runs, two brothers sat over their winter fire in the little French
    town of Annonay, watching the grey smoke-wreaths from the hearth curl up the wide chimney. Their names were Stephen
    and Joseph Montgolfier,
    they were papermakers by trade, and were noted as possessing thoughtful minds and a deep interest in all scientific
    knowledge and new discovery.
</p>
<p>
    Before that night—a memorable night, as it was to prove—hundreds of millions of people had watched the rising
    smoke-wreaths of their fires without drawing any special inspiration from the fact.”
</p>
</body>

</html>